<template>
    <div class="app-container depot-summary-page">
        <el-tabs tab-position="left" style="height: 100%">
            <el-tab-pane label="宽度、厚度汇总">
                <SummarysFormat selectType="1" />
            </el-tab-pane>
            <el-tab-pane label="规格汇总">
                <SummarysFormat selectType="2" />
            </el-tab-pane>
            <el-tab-pane label="自定义汇总表">
                <SummarysCustom />
            </el-tab-pane>
            <el-tab-pane label="品牌汇总">
                <SummarysBrand />
            </el-tab-pane>
            <el-tab-pane label="商品汇总">
                <SummarysGoods />
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
// 品牌汇总
import SummarysBrand from "./summarys_brand.vue";
// 自定义汇总表
import SummarysCustom from "./summarys_custom.vue";
// 宽度、厚度汇总 && 规格汇总
import SummarysFormat from "./summarys_format.vue";
// 商品汇总
import SummarysGoods from "./summarys_goods.vue";
export default {
    components: {
        SummarysBrand,
        SummarysCustom,
        SummarysFormat,
        SummarysGoods,
    },
};
</script>


<style lang="scss" scoped>
::v-deep.depot-summary-page {
    height: calc(100vh - 84px);
    .el-tabs{
        overflow: auto;
    }
}
</style>